<template class="container">

    <div style="width: 200px; height: 100px; font-size: 30px; background-color: #cccccc; margin-top: 10px;">
        大家好才是真的好
    </div>

    <div style="width: 200px; height: 100px; line-height: 100px; font-size: 30px; background-color: #cccccc; margin-top: 10px; text-overflow: ellipsis; white-space: nowrap;">
        大家好才是真的好
    </div>

    <div style="width: 100%; height: 100px; line-height: 100px; font-size: 30px; background-color: #cccccc; margin-top: 10px; text-align: center;">
        大家好才是真的好
    </div>
    <div style="width: 100%; height: 100px; line-height: 100px; font-size: 30px; font-weight: bold; background-color: #cccccc; margin-top: 10px; text-align: center;">
        大家好才是真的好
    </div>
</template>
    
<script type="text/lua">
</script>
    
<style>
.container {
    width: 100%;
    height: 100%;
    background-color: #000000C0;
}
</style>